/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= FONT EMBEDING
-------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'TrajanRegular';
    src: url('../fonts/trajanpro.eot');
    src: url('../fonts/trajanpro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/trajanpro.woff') format('woff'),
        url('../fonts/trajanpro.ttf') format('truetype'),
        url('../fonts/trajanpro.svg#TrajanRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
= COMMON 
-------------------------------------------------------------------------------------- */
ul, ol {
    margin: 0;
    padding: 0;
}
ul li{
    list-style-type: none;

}

.block {
    text-align: center;
}
.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.centered {
    display: inline-block;
    vertical-align: middle;
}

a {
    color: #392a25;
    outline: medium none;
    text-decoration: none;
    font-size: 15px;
    font-family: 'TrajanRegular';
    text-transform: uppercase;
    display: block
}
a:hover {
    color: #ba9c60;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s; /* Firefox 4 */
    -webkit-transition:all 0.2s linear 0s; /* Safari and Chrome */
    -o-transition: all 0.2s linear 0s; /* Opera */
}

/*
= DO PAGE 
-------------------------------------------------------------------------------------- */
body{
    background: url(../img/header-bg.png) repeat-x #ffeeaa;
    font-family: Arial,Helvetica,sans-serif;
    color: #333;
    font-size: 12px;
}
#header{
    background: url(../img/logo.png) no-repeat center -2px;
    height: 150px;
}
#body{
    background: url(../img/logo-bg.png) repeat-x center center #bfbfbf;
    height: 413px
}
#logo{
    background: url(../img/logo-group.png) no-repeat center 23px;
    height: 552px
}
#footer{
    background: url(../img/footer-bg.png) repeat-x;
    width:100%;
    height:267px; 
}
#footer .wrapp{
    margin: 0 auto;
    width: 889px;
    text-align: center;
    padding-top: 50px;
}
#footer table{
    margin-left:auto;
    margin-right:auto;
    text-align:left
}
#footer table td{
    background: url(../img/dot.png) no-repeat 0 9px;
    padding-left: 13px;
    padding-right: 9px;
}
#footer table td:first-child{
    background: none;
    padding-left: 0;
}
#footer table td:last-child{
    padding-right: 0;
}
#footer table:first-child{
    margin-bottom: 16px;
}
#footer p{
    margin-top: 123px;
    color: #392a25;
    font-size: 11px;
}

ul li{
    float: left;
    background: url("../img/dot.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
    padding-left: 13px;
    padding-right: 9px;
}

ul li:first-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0;
}
.mt-20px{
    margin-top: 17px
}